<!DOCTYPE html>
<html lang="en">

<head>
    <link id="icon" rel="shortcut icon" href="static/picture/favicon.ico">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" type="text/css" href="static/css/icon.css">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</head>

<body>
    <div class="page-wrapper">
        <header class="header-wrapper main-header">

            <div class="header-inner-wrapper">
                <div class="logo-wrapper">
                    <a href="" class="admin-logo">
                        <img src="static/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="header-right">
                    <div class="serch-wrapper">
                        <form>
                            <input type="text" placeholder="Search Here...">
                        </form>
                        <a class="search-close" href="javascript:void(0);"><span class="icofont-close-line"></span></a>
                    </div>
                    <div class="header-left">
                        <div class="header-links">
                            <a href="javascript:void(0);" class="toggle-btn">
                                <span></span>
                            </a>
                        </div>
                        <div class="header-links search-link">
                            <a class="search-toggle" href="javascript:void(0);">
                                <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                    viewbox="0 0 56.966 56.966" style="enable-background:new 0 0 56.966 56.966;"
                                    xml:space="preserve">
                                    <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23
                                    s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92
                                    c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17
                                    s-17-7.626-17-17S14.61,6,23.984,6z"></path>
                                </svg>
                            </a>
                        </div>
                    </div>

                    <div class="header-controls">
                        <div class="setting-wrapper header-links">
                            <a href="javascript:void(0);" class="setting-info">
                                <span class="header-icon">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 16 16">
                                        <path d="M7 0h2v3h-2v-3z"></path>
                                        <path d="M6 4v3h1v9h2v-9h1v-3z"></path>
                                        <path d="M2 0h2v8h-2v-8z"></path>
                                        <path d="M1 9v3h1v4h2v-4h1v-3z"></path>
                                        <path d="M12 0h2v10h-2v-10z"></path>
                                        <path d="M11 11v3h1v2h2v-2h1v-3z"></path>
                                    </svg>
                                </span>
                            </a>
                        </div>
                        <div class="user-info-wrapper header-links">
                            <a href="javascript:void(0);" class="user-info">
                                <img id="avatar_path" src="static/picture/user.jpg" alt="" class="user-img">
                                <div class="blink-animation">
                                    <span class="blink-circle"></span>
                                    <span class="main-circle"></span>
                                </div>
                            </a>
                            <div class="user-info-box">
                                <div class="drop-down-header">
                                    <h4 id="profile-name">John Brown</h4>
                                    <p>网管</p>
                                </div>
                                <ul>
                                    <li>
                                        <a href="information-edit.html">
                                            <i class="far fa-edit"></i> Edit Profile
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <i class="fas fa-cog"></i> Settings
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:logout()">
                                            <i class="fas fa-sign-out-alt"></i> logout
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- Sidebar Start -->
        <aside class="sidebar-wrapper">
            <div class="side-menu-wrap">
                <ul class="main-menu">
                    <li>
                        <a href="assignment.html">
                            <span>
                                <ion-icon name="person-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                我的作业
                            </span>
                        </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="assignment.html">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        全部作业
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="assignment-info.html">
                            <span >
                                <ion-icon name="book-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                作业管理
                            </span>
                        </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="assignment-info.html">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        作业信息
                                    </span>
                                </a>
                                <a href="assignment-add.html">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        添加作业
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="course-info.html">
                            <span >
                                <ion-icon name="desktop-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                课程信息
                            </span>
                        </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="course-info.html">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        全部课程
                                    </span>
                                </a>
                                <a href="course-edit.html">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        添加课程
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="javascript:void(0)">
                            <span >
                                <ion-icon name="rocket-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                作业完成情况
                            </span>
                        </a>
                        <ul class="sub-menu">
                            <li>
                                <a href="javascript:jump_to_assignment(210461)">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        210461班
                                    </span>

                                </a>
                            </li>
                            <li>
                                <a href="javascript:jump_to_assignment(210462)">
                                    <span class="icon-dash">
                                    </span>
                                    <span class="menu-text">
                                        210462班
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>

<!--                    小游戏功能-->


                    <li>
                        <a href="2048game.html">
                            <span >
                                <ion-icon name="game-controller-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                益智游戏
                            </span>
                        </a>

                    </li>

                    <!--                    聊天功能-->

                    <li>
                        <a href="#">
                            <span >
                                <ion-icon name="desktop-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                最近聊天
                            </span>
                        </a>

                    </li>
                    <!--好友列表-->

                    <li>
                        <a href="#">
                            <span >
                                <ion-icon name="desktop-outline" class="icon-size"></ion-icon>
                            </span>
                            <span class="menu-text">
                                好友列表
                            </span>
                        </a>

                    </li>

                </ul>
            </div>
        </aside>
    </div>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/custom.js"></script>
    <script src="static/js/js_on_develop/api.js"></script>
    <script>initUserInfo()</script>
    <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>
</body>
<script>
    function jump_to_assignment(cno) {
        const url = "assignment-class.html?cno=" + cno;
        window.location.href = url;
    }
</script>

</html>